<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Push Climbing Club</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-IE.css" media="all" />
<![endif]-->
</head>

<body>
	<div id="top"></div>
    
    <div id="wrapper">
    
    	<div id="header">
        	<div id="logo"><a href="index.html">Push Climbing Club</a></div>
            <div id="language">
            	<a href=""><img alt="language" src="images/flag1.png" /></a>
                <a href=""><img alt="language" src="images/flag2.png" /></a>
                <a href=""><img alt="language" src="images/flag3.png" /></a>
            </div>
            <div id="build_butt">
            	<img alt="toll free" src="images/toll_free.png" />
                <div id="social">
            	<a href="" target="_blank" class="fade"><img src="images/skype.png" /></a>
                <a href="" target="_blank" class="fade"><img src="images/facebook.png" /></a>
                <a href="" target="_blank" class="fade"><img src="images/twitter.png" /></a>
                <a href="" target="_blank" class="fade"><img src="images/utube.png" /></a>
            	</div>
            </div>
            
        </div>
        <div class="clear"></div>
        
        <div id="navi">
            <div id="menu">
            	<ul>
                <li id="nav_login"><a href="" style="color:#FFF; text-shadow:#666666 0.1em 0.1em 0.3em;">Login<span>/</span>Register</a></li>
            	<li><span class="point"></span><a href="index.html">Home</a></li>
                <li><a href="competition.html">How to</a></li>
                <li><a href="construction.html">Construction Projects</a></li>
                <li><a href="tourandteam.html">Tours Building</a></li>
                <li class="current"><a href="shop.html">Shop</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
        </div>
        <div class="clear"></div>
        
        <div id="content">
        	<div id="left_panel">
            	<div class="title">+ Package 1 <span style="font-family: Commercb, Arial, Helvetica, sans-serif; font-size:17px; font-size:25px;"> - $5000</span></div>
                    <div class="body_content">
                        <p>Lorem Ipsum chỉ đơn giản là một đoạn văn bản giả, được dùng vào việc trình bày và dàn trang phục vụ cho in ấn. Lorem Ipsum đã được sử dụng như một văn bản chuẩn cho ngành công nghiệp in ấn từ những năm 1500, khi một họa sĩ vô danh ghép nhiều đoạn văn bản với nhau để tạo thành một bản mẫu văn bản. Đoạn văn bản này không những đã tồn tại năm thế kỉ, mà khi được áp dụng vào tin học văn phòng, nội dung của nó vẫn không hề bị thay đổi.</p>
                        <p>Nó đã được phổ biến trong những năm 1960 nhờ việc bán những bản giấy Letraset in những đoạn Lorem Ipsum, và gần đây hơn, được sử dụng trong các ứng dụng dàn trang, như Aldus PageMaker.</p>
                        <img src="gallery/competition_photo.gif" />
                        <img src="gallery/competition_photo.gif" />
                        <hr />
                        <div style="text-align:right;"><a href=""><img src="images/add_butt.gif" /></a></div>
                	</div>
                    <br />
                    <div class="title">+ Package Includes</div>
                    
                    <div id="product_wrap">
                    	<div class="product_panel">
                        	<div class="product_title"><a href="">+ Banshee - <span class="product_price">$74.95</span></a></div>
                        	<div class="product_img"><center><a href=""><img alt="product" align="middle" src="products/product.png" /></a></center></div>
                        	<div class="product_info"><p>Nội dung ở đây</p></div>
                            <div>Quantity: 10</div>
                        </div>
                        
                        <div class="product_panel">
                        	<div class="product_title"><a href="">+ Banshee - <span class="product_price">$74.95</span></a></div>
                        	<div class="product_img"><center><a href=""><img alt="product" align="middle" src="products/product.png" /></a></center></div>
                        	<div class="product_info"><p>Nội dung ở đây</p></div>
                            <div>Quantity: 10</div>
                        </div>
                        
                        <div class="clear"></div>
                    </div>
            </div>
            
            <div id="sidebar">
            	<div class="sidebar_panel">
                	<div class="title">+ Your Shopping Cart</div>
                    <div class="sidebar_content">
                    	<div class="shopping_cart">
                        	<table align="center" width="100%" cellpadding="1" cellspacing="1">
                                <tr>
                                	<td>This is the Product #1</td>
                                    <td align="center" width="10%">2</td>
                                    <td align="right">500000 VND</td>
                                    <td width="7%" align="right"><a href="">X</a></td>
                                </tr>
                                <tr>
                                	<td>This is the Product #2</td>
                                    <td align="center">1</td>
                                    <td align="right">500000 VND</td>
                                    <td align="right"><a href="">X</a></td>
                                </tr>
                                <tr>
                                	<th>TOTAL:</th>
                                    <th align="right" colspan="2">1000000 VND</th>
                                    <th>&nbsp;</th>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                
                <div class="sidebar_panel">
                	<div class="title">+ Our Packages</div>
                    <div class="sidebar_content">
                        <h2>+ <a href="package.html">Package 1</a></h2>
                        <h2>+ <a href="">Package 2</a></h2>
                        <h2>+ <a href="">Package 3</a></h2>
                        <h2>+ <a href="">Package 4</a></h2>
                    </div>
                </div>
                
                <div class="sidebar_panel">
                	<div class="title">+ Mad Rock Products</div>
                    <div class="sidebar_content">
                    	<p>At Push we want to bring the best of climbing, that's why we carry Mad Rock, a worldwide leading brand of climbing apparel known for their cutting edge designs which let you climb safe with style.</p>
                        <center><img style="margin:5px 0 5px 0;" src="images/madrock.gif" /></center>
                    </div>
                </div>
                
                <div class="sidebar_panel">
                	<div class="title">+ How to buy?</div>
                    <div class="sidebar_content">
                    	<p>This online catalog is to show you what we have available at the store at any given moment. To purchase an item, we recommend coming down to Push, yet if you know what you want and what size you want it we would be glad to help you by email. If interested write to <a style="color:#990000;" href="">paul@pushclimbing.com</a>. All items can be delivered in 2-3 days from the time of purchase.</p>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    	
        <div id="footer">
        	<div class="four_col">
            	<div class="four_col_one">
                	<div class="footer_title">Climbing Blogs</div>
                    <div class="footer_content">
                    	<p><a href="">Content here</a></p>
                    </div>
                </div>
                <div class="four_col_one">
                	<div class="footer_title">Equipment Reviews</div>
                    <div class="footer_content">
                    	<p><a href="">Content here</a></p>
                    </div>
                </div>
                <div class="four_col_one">
                	<div class="footer_title">Information</div>
                    <div class="footer_content">
                    	<p><a href="">Online Survey</a></p>
                    </div>
                </div>
                <div class="four_col_last">
                	<div class="footer_title">Our Partners</div>
                    <div class="footer_content">
                    	<a href="" target="_blank"><img src="logos/logo1.jpg" /></a>
                        <a href="" target="_blank"><img src="logos/logo1.jpg" /></a>
                        <a href="" target="_blank"><img src="logos/logo1.jpg" /></a>
                        <a href="" target="_blank"><img src="logos/logo1.jpg" /></a>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        
    </div>
    <div class="clear"></div>
    
    <div id="bottom">
        <cetner>
            <p>S67-1 Khu Pho, Sky Garden 3 - Phu My Hung - District 7 - Ho Chi Minh City, Vietnam - Phone: (84) 01264722134<br />
            THE CLIMBING CLUB (C) 2011 - Design by <a href="">Squall Le</a></p>
        </center>
    </div>
    
    

</body>
</html>
